import { lazy } from "react";
const Home = lazy(() => import("../pages/Home"));
const Login = lazy(() => import("../pages/Login"));
const Regist = lazy(() => import("../pages/Regist"));
const Setting = lazy(() => import("../pages/Setting"));
const Profile = lazy(() => import("../pages/Profile"));
const ArticleNew = lazy(() => import("../pages/ArticleNew"));
const Article = lazy(() => import("../pages/Article"));
const ArticleEdit = lazy(() => import("../pages/ArticleEdit"));

export default [
  {
    path: "/",
    element: <Home />,
  },
  {
    path: "/login",
    element: <Login />,
  },
  {
    path: "/regist",
    element: <Regist />,
  },
  {
    path: "/setting",
    element: <Setting />,
  },
  {
    path: "/profile/:username",
    element: <Profile />,
    caseSensitive: true,
  },
  {
    path: "/article/new",
    element: <ArticleNew />,
  },
  {
    path: "/article/:slug",
    element: <Article />,
  },

  {
    path: "/article/edit/:slug",
    element: <ArticleEdit />,
  },
];
